ul#food_intakes {
    
}
    
    ul#food_intakes li {
        display:  inline;
    }
    
        ul#food_intakes li a {
            display: block;
            float: left;
            margin: 0 2px;
            padding: 3px 10px;
            border:1px solid #FBD850;
            color: #3D4FFF;
            text-decoration: none;
            font-weight: bold;
            
        }
        
            ul#food_intakes li a.active {
                color:#000000;
                background-color: #FFE45C;
            }

    
#container, #statistic {
    width: 100%;
}
    #container .left {
        float: left;
        width: 30%;
    }
    
    #statistic .left {
        float: left;
        width: 50%;
    }
    
    #statistic .left #calendar_navigation {
        margin-top: 20px;
    }
    
        
        #statistic .left #content, 
        #container .left #content {
            width: 100%;
        }
        
            #statistic .left #content td, 
            #container .left #content td {
                border: 1px solid #CCC;
                padding: 3px;
                padding: 7px;
            }
            
            #statistic .left #content tr.head, 
            #container .left #content tr.head {
                background-color: #CCCCCC;
                font-weight: bold;
            }
            #statistic .left #content tr.total {
                font-weight: bold;
            }
            #statistic .left #content tr.odd, 
            #container .left #content tr.odd {
                background-color: #F4F4F4;
            }
            #statistic .left #content tr.even, 
            #container .left #content tr.even {
                background-color: #FFFFFF;
            }
            #container .left #content tr.active {
                background-color: #DDEDDE;
            }
            #statistic .left #content tr.hover, 
            #container .left #content tr.hover {
                background-color: #EFF2F4;
            }
        
        #container .left form {
            display: inline;
        }

    #statistic .clear, #container .clear {
        clear: both;
    }


#products span.add, #products span.remove {
    font-size: 20px;
    cursor: pointer;
}


.pages ul li {
    display:  inline;
    padding: 3px 10px;
}

    .pages ul li a {
        display: block;
        float: left;
        margin: 0 2px;
        padding: 3px 10px;
        border:1px solid #FBD850;
        color: #3D4FFF;
        text-decoration: none;
        font-weight: bold;
        
    }
        
        .pages ul li a.active {
            color:#000000;
            background-color: #FFE45C;
        }

.alphabet {
    width: 500px;
}
    .alphabet ul li {
        display:  block;
        float: left;
        padding: 3px 0;
        margin: 3px 0;
    }
    
        .alphabet ul li a {
            display: block;
            float: left;
            margin: 0 2px;
            padding: 3px 10px;
            border:1px solid #FBD850;
            color: #3D4FFF;
            text-decoration: none;
            font-weight: bold;
            
        }
            
            .alphabet ul li a.active {
                color:#000000;
                background-color: #FFE45C;
            }